<div class="table-body">
    <div class="layui-form" style="margin: 20px 0;" >
        <div class="layui-form-item">
            <div class="layui-inline">
              <label class="layui-form-label">房间号:</label>
              <div class="layui-input-inline">
                {$get.room_bn}
              </div>
            </div>
            <div class="layui-inline">
              <label class="layui-form-label">房间名称:</label>
              <div class="layui-input-inline">
                {$get.name}
              </div>
            </div>
            <div class="layui-inline">
              <label class="layui-form-label">总金额:</label>
              <div class="layui-input-inline">
                 {$get.total_amount}
              </div>
            </div>
            
          </div>
        <div class="layui-form-item">
              <label class="layui-form-label">统计时间:</label>
              <div class="layui-input-block" style="line-height: 36px;">
                {$get.start_date} 至 {$get.end_date}
              </div>
        </div>
    </div>
    {foreach $data as $key=>$vo }
    <fieldset class="layui-elem-field" style="margin-bottom: 20px">
        <legend>{$key}</legend>
        <div class="layui-field-box">
            <div class="layui-form" >
                <div class="layui-form-item">
                    <div class="layui-inline">
                      <label class="layui-form-label">订房人数:</label>
                      <div class="layui-input-inline">
                        {notempty name="vo.room"}{$vo.room.num}{else /}0{/notempty} 人
                      </div>
                    </div>
                    <div class="layui-inline">
                      <label class="layui-form-label">套餐消费金额:</label>
                      <div class="layui-input-inline">
                        {notempty name="vo.taocn_group"}{$vo.taocn_group.total_price}{else /}0{/notempty}元 
                      </div>
                    </div>
                    <div class="layui-inline">
                      <label class="layui-form-label">单点消费金额:</label>
                      <div class="layui-input-inline">
                        {notempty name="vo.order_group"}{$vo.order_group.total_amount}{else /}0{/notempty} 元
                      </div>
                    </div>
                    <div class="layui-inline">
                      <label class="layui-form-label">买单金额:</label>
                      <div class="layui-input-inline">
                        {notempty name="vo.bill_group"}{$vo.bill_group.total_amount}{else /}0{/notempty} 元
                      </div>
                    </div>
                  </div>
            </div>
            {notempty name="vo.taocn_list"}
            <h3>套餐明细</h3>
            <table class="layui-table" lay-skin="row" style="margin-bottom: 20px">
                <thead>
                  <tr>
                    <th>名称</th>
                    <th>金额</th>
                    <th>购买用户</th>
                    <th>明细</th>
                  </tr> 
                </thead>
                <tbody>
                  {foreach $vo.taocn_list as $taocn_info }
                  <tr>
                    <td>{$taocn_info.taocan_name}</td>
                    <td>{$taocn_info.price}</td>
                    <td>{$user_list[$taocn_info['user_id']]['nickname']}</td>
                    <td>
                        {notempty name="taocn_info.taocan.goods"}
                        {foreach $taocn_info['taocan']['goods'] as $goods_info }
                        <div class="goods"><span style="width:250px">商品: {$goods_info.name};</span> <span>数量: {$goods_info.total};</span></div>
                        {/foreach}
                        {/notempty}
                    </td>
                  </tr>
                  {/foreach}
                </tbody>
              </table>
            {/notempty}
            {notempty name="vo.order_list"}
            <h3>单点明细</h3>
            <table class="layui-table" lay-skin="row" style="margin-bottom: 20px">
                <thead>
                  <tr>
                    <th>订单id</th>
                    <th>金额</th>
                    <th>购买用户</th>
                    <th>明细</th>
                  </tr> 
                </thead>
                <tbody>
                  {foreach $vo.order_list as $order_info }
                  <tr>
                    <td>{$order_info.order_id}</td>
                    <td>{$order_info.order_amount}</td>
                    <td>{$user_list[$order_info['user_id']]['nickname']}</td>
                    <td>
                        {notempty name="order_info.items"}
                        {foreach $order_info.items as $goods_info }
                        <div class="goods"><span style="max-width:250px;min-width: 120px;">商品: {$goods_info.name};</span><span>价格: {$goods_info.price};</span> <span>数量: {$goods_info.nums};</span></div>
                        {/foreach}
                        {/notempty}
                    </td>
                  </tr>
                  {/foreach}
                </tbody>
              </table>
            {/notempty}
            {notempty name="vo.bill_list"}
            <h3>买单明细</h3>
            <table class="layui-table" lay-skin="row" style="margin-bottom: 20px">
                <thead>
                  <tr>
                    <th>买单编号</th>
                    <th>金额</th>
                    <th>买单用户</th>
                  </tr> 
                </thead>
                <tbody>
                  {foreach $vo.bill_list as $bill_info }
                  <tr>
                    <td>{$bill_info.bill_bn}</td>
                    <td>{$bill_info.amount}</td>
                    <td>{$user_list[$bill_info['user_id']]['nickname']}</td>
                  </tr>
                  {/foreach}
                </tbody>
              </table>
            {/notempty}
        </div>
    </fieldset>
    {/foreach}
</div>
<style>
    .layui-form-label{
        width: 100px;
    }
    .layui-input-inline{
        width: 120px !important;
        line-height: 36px;
    }
    .goods span {
        display: inline-block;
    }
</style>
<script>
layui.use(['laydate', 'table'], function(){
  var laydate = layui.laydate;
  var table = layui.table;
  //执行一个laydate实例
  laydate.render({
    elem: '#start_time' //指定元素
  });
  laydate.render({
    elem: '#end_time' //指定元素
  });
  table.init('turnoverTable', {limit: 10000}); 
});
</script>